import React from 'react';
import {NavLink,Outlet} from "react-router-dom";

function Home(props) {
    return (
        <div className="col-xs-6">
            <div className="panel">
                <div className="panel-body">
                    <h3>我是Home的内容</h3>
                </div>
                <ul className="nav nav-tabs">
                    <li>
                        <NavLink to="news" className="list-group-item">News</NavLink>
                    </li>
                    <li>
                        <NavLink to="message" className="list-group-item">Message</NavLink>
                    </li>
                </ul>
                {/*
                父路由组件指定子路由组件呈现的位置
                */}
                <Outlet></Outlet>
            </div>
        </div>
    );
}

export default Home;